﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="IndicacaoPremiada.aspx.cs" Inherits="Ortodoctor.Client.IndicacaoPremiada" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>EuAmoAparelho</title>
    <script type="text/javascript" src="../Scripts/jquery-min.js"></script>
    <script type="text/javascript" src="../Scripts/jquery-ui-1.9.2.custom.min.js"></script>

    <script type="text/javascript" src="IndicacaoPremiada.js"></script>
    <link href="IndicacaoPremiada.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="../Scripts/util.js"></script>
    <link rel="shortcut icon" href="../images/dente-favicon.png" type="image/x-icon" />
    <link type="text/css" rel="stylesheet" href="../Scripts/util.css" />

    <style type="text/css">
        body, html {
            height: 100%;
            width: 100%;
            margin: 0px;
            padding: 0px;
        }

        #div_geral {
            text-align: center;
            margin-left: 10%;
        }

        .dados_cliente {
            width: 270px;
            border-radius: 5px;
            margin-left:auto;
            margin-right:auto;
             box-shadow: 3px 3px 1px #808080 ;
            -webkit-box-shadow: 3px 3px 1px #808080 ;
            -moz-box-shadow: 3px 3px 1px #808080 ;
        }
    </style>
</head>

<body>
    <form id="form1" runat="server">
        <asp:HiddenField ID="indicado" runat="server" />
        <div id="div_geral" align="center">
            <table style="width: 80%; position: absolute;">
                <tr>
                    <td>
                        <div>
                            <img style="margin-left: auto; margin-right: auto; width: 260px; height: 186px" id="logo" class="borda_redonda" src="../images/iloveaparelho.png" />
                            
                        </div>
                    </td>
                </tr>
            </table>

            <table id="tabela_corpo" style="width: 80%; height: 100%; position: absolute;">
                
                <tr style="padding-bottom:0 ;max-height: 10px">
                    <td style="max-height: 10px" >
                        <div id="nome_cliente"  class="fonte_bonita" runat="server">Olá, João da Silva</div>
                    </td>
                    <td style="max-height: 10px" class="auto-style1"></td>
                    <td style="text-align: right; max-height: 10px" class="auto-style1">
                        <div id="creditos_cliente" style="font-weight: bold" class="fonte_bonita" runat="server">Você possui 0 créditos</div>
                    </td>
                    <td style="text-align: center; max-width: 0px; max-height: 10px" class="auto-style1">
                        <img runat="server" id="imagem_debito" src="../images/premiop.png" />
                        <div id="debito" runat="server" style="z-index:10000000">
                                <input type="text" id="debitar" value="" style="width:70px; z-index: 100000"/>
                                <br />
                                <input type="button" value="Debitar" onclick="debita()"/>
                            </div>
                    </td>
                </tr>
                <%--  --%>
                <tr>
                    <td>
                        <div align="center" style="background-color: rgba(13, 30, 217, 0.23); color: #FFFFFF;" class="dados_cliente" id="Tempo_tratamento" runat="server">Tempo de tratamento: 72 Meses</div>
                    </td>
                    <td>
                        <div align="center" style="background-color: rgba(13, 30, 217, 0.23);color: #FFFFFF;" class="dados_cliente" id="Parcelas_Pagas" runat="server">Parcelas pagas: 46</div>
                    </td>
                    <td colspan="2">
                        <div align="center" style="background-color: rgba(13, 30, 217, 0.23);color: #FFFFFF;" class="dados_cliente" id="Parcelas_Restantes" runat="server">Parcelas restantes: 26</div>
                    </td>
                </tr>
                <tr>
                    <td colspan="4" >
                        <div id="corpo_premio" runat="server">

                        </div>
                    </td>
                </tr>
                <tr>
                    <td><div style="text-align:left" id="Numero_indicados" class="fonte_bonita" runat="server">Número de indicados: 7</div></td>
                    <td>
                        <div id="legenda">
                            <div class="parcelas_ball atrasada" style="margin-top:0px; float:left;"></div>
                            <p style="float:left">Atrasado</p>                                                       
                            <div class="parcelas_ball pago" style="margin-top:0px;float:left;"></div>
                            <p style="float:left">Pago</p>
                            <div class="parcelas_ball pago" style="margin-top:0px;float:left;"><p class="tratamento" style="color:red; margin-top:0px;">C</p></div>
                            <p style="float:left">Creditado</p>
                        </div>
                    </td>
                </tr>
            </table>
            
        </div>
        
    </form>
</body>
</html>
